<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>报警消息</title>
        <link href="./resources/bootstrap.min.css" rel="stylesheet">
        <link rel="Shortcut Icon" type="image/ico" href="https://slope-pisapro.my.qxwz.com/qxwz.ico">
        <link rel="stylesheet" href="./resources/init.css">
        <link rel="stylesheet" href="./resources/index.css">
        <link rel="stylesheet" href="./resources/pointtype.css">
        <link href="./resources/font-awesome.min.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="./resources/common.css">
        <link rel="stylesheet" href="./resources/layui/css/layui.css">
        <script src="./resources/jquery.min.js"></script>
        <script src="./resources/bootstrap.min.js"></script>
        <script src="./resources/jquery.cookie.js"></script>
        <script src="./resources/functions.js"></script>
        <!--jQuery Cookie-->
        <script src="./resources/jquery.cookie.js"></script>
        <script src="./resources/basefunction.js"></script>
        <script src="./resources/layui/layui.all.js"></script>
        <!--本地indexDB储存-->
        <script type="text/javascript" src="./resources/Storage.js"></script>
        <!--时间轴-->
        <script src="./resources/moment.min.js"></script>
        <script src="./resources/vis.js"></script>
        <!--上传文件-->
        <script src="./resources/prettify.js"></script>
        <script src="./resources/swfobject.js"></script>
        <script src="./resources/uploadify.js"></script>
        <!--消息弹出框layer-->
        <script src="./resources/layer.js"></script>
        <link rel="stylesheet" href="./resources/layer.css" id="layuicss-skinlayercss">
        <script src="./resources/laypage.js"></script>
        <!--时间选择器-->
        <script src="./resources/daterangepicker.js"></script>
        <link href="./resources/bootstrap-colorpicker.min.css" rel="stylesheet">
        <link href="./resources/cropper.min.css" rel="stylesheet">
        <link href="./resources/custom.min.css" rel="stylesheet">
        <!--图片查看器-->
        <link href="./resources/jquery.magnify.css" rel="stylesheet">
        <script src="./resources/jquery.magnify.js"></script>
        <!--table-->
        <script src="./resources/bootstrap-table.min.js"></script>
        <script src="./resources/bootstrap-table-zh-CN.min.js"></script>
        <!--chart部分-->
        <script src="./resources/echarts.min.js"></script>
        <!--chart部分-->
        <script type="text/javascript" src="./resources/highcharts.js"></script>
        <script type="text/javascript" src="./resources/highcharts-more.js"></script>
        <script type="text/javascript" src="./resources/highcharts-zh_CN.js"></script>
        <script type="text/javascript" src="./resources/windbarb.js"></script>
        <script src="./resources/exporting.js"></script>
        <script src="./resources/annotations.js"></script>
        <!--事件绑定-->
        <script src="./resources/eventbinding.js"></script>
        <!--拖拽-->
        <script src="./resources/drag-arrange.js"></script>
        <script src="./resources/drag.js"></script>
        <link rel="stylesheet" href="./resources/jquery-ui.min.css">
        <script src="./resources/jquery-ui.min.js"></script>
        <script src="./resources/DataAnalysis.js"></script>
        <script src="./resources/wind_dataanalysis.js"></script>
        <script type="text/javascript" src="./resources/vue.js"></script>
        <script type="text/javascript" src="./resources/axios.min.js"></script>
        <link id="layuicss-laydate" rel="stylesheet" href="./resources/laydate.css" media="all">
        <link id="layuicss-layer" rel="stylesheet" href="./resources/layer(1).css" media="all">
        <link id="layuicss-skincodecss" rel="stylesheet" href="./resources/code.css" media="all">
        <link rel="stylesheet" href="./css/AlarmInformation.css">
        <link rel="stylesheet" href="./css/index.css">
    </head>
<body>
    <div style="width:100%;bottom:0;">
        <div class="mainCont data_analyze" style="padding:0;left:0">
            <div class="mainPosition">
                <!-- 选择 -->
                <div class="screenFilter clearfix">
                    <div class="fl clearfix cycle">
                        <span class="hidden-xs">时间筛选</span>
                        <span onclick="GetAnalysisWindowFiterTimes('table_time', 'd', false);showTypeVal(1);getTableData();" class="condition">今天</span>
                        <span onclick="GetAnalysisWindowFiterTimes('table_time', 'w', false);showTypeVal(2);getTableData();" class="condition">一周</span>
                        <span onclick="GetAnalysisWindowFiterTimes('table_time', 'm', false);showTypeVal(3);getTableData();" class="condition">一月</span>
                        <span class="condition dateRange timeControl"><input type="text" name="reservation" id="table_time" value=""  placeholder="请选择日期" style="font-size: 14px; border: none" /></span>
                        <span class="time">
                            <span class="dropdown yujingleixing">
                                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">全部预警类型</a>
                                <ul class="dropdown-menu scroll">
                                    <li><a href="javascript:void(0);" onclick="$(this).parents('.dropdown').find('.dropdown-toggle').text('全部预警类型');getTableData();">全部</a></li>
                                    <li><a href="javascript:void(0);" onclick="$(this).parents('.dropdown').find('.dropdown-toggle').text('设备温度');getTableData();">设备温度</a></li>
                                    <li><a href="javascript:void(0);" onclick="$(this).parents('.dropdown').find('.dropdown-toggle').text('设备超时未发送数据');getTableData();">设备超时未发送数据</a></li>
                                    <li><a href="javascript:void(0);" onclick="$(this).parents('.dropdown').find('.dropdown-toggle').text('数据超过阈值');getTableData();">数据超过阈值</a></li>
                                </ul>
                            </span>
                        </span>
                        <!-- <span class="dropdown">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">全部类型</a>
                            <ul class="dropdown-menu scrol">
                                <li>
                                    <a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '');$(this).parents('.dropdown').find('.dropdown-toggle').text('全部类型');">全部类型</a>
                                </li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, 'GNSS');$(this).parents('.dropdown').find('.dropdown-toggle').text('GNSS');">GNSS</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '降雨量');$(this).parents('.dropdown').find('.dropdown-toggle').text('降雨量');">降雨量</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '视频');$(this).parents('.dropdown').find('.dropdown-toggle').text('视频');">视频</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '深部位移(测斜仪)');$(this).parents('.dropdown').find('.dropdown-toggle').text('深部位移(测斜仪)');">深部位移(测斜仪)</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '地下水位');$(this).parents('.dropdown').find('.dropdown-toggle').text('地下水位');">地下水位</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, '声光报警器');$(this).parents('.dropdown').find('.dropdown-toggle').text('声光报警器');">声光报警器</a></li>
                            </ul>
                        </span> -->
                        <!-- <span class="dropdown chulizhuangtai">
                            <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">处理状态</a>
                            <ul class="dropdown-menu scrol">
                                <li>
                                    <a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, undefined, '');$(this).parents('.dropdown').find('.dropdown-toggle').text('所有');">所有</a>
                                </li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, undefined, 0);$(this).parents('.dropdown').find('.dropdown-toggle').text('未处理');">未处理</a></li>
                                    <li><a href="javascript:void(0);" onclick="LoadAllAnalysisPageData(undefined, 1, undefined, 1);$(this).parents('.dropdown').find('.dropdown-toggle').text('已处理');">已处理</a></li>
                            </ul>
                        </span> -->
                    </div>
                </div>
                <!-- 表单 -->
                <div class="newwindowbody stasticscontentdiv" style="padding: 0;"> 
                    <table class="layui-table" id="idTest" lay-filter="test" style="margin-top:0px !important;width: 100%;">
                    </table>
                </div>
                <div id="handledom" style ="display : none;">
                    <div style="padding: 20px;">
                        <form class="layui-form" action="" id="submitFrom" lay-filter="submitFilter">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label w90" >处理人</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="SBUMITOR" id="SBUMITOR"  class="showBorderInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">处理结果</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="SBUMITRESULT" id="SBUMITRESULT" class="showBorderInput">
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                 </div>
                <div id='info' style ="display : none;">
                    <div style="padding: 20px;">
                        <form class="layui-form" action="" id="fromVal" lay-filter="example">
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label w90" >预警时间</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="time" id="time"  class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">设备编号</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="deviceCode" id="deviceCode" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w110" >设备预警类型</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="type2" id="type2"  class="showValInput">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">设备数值</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="number" id="number" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">预警级别</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="state" id="state" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">设备名称</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="deviceName" id="deviceName" class="showValInput">
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">处理状态</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="status" id="status" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">网点编号</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="code" id="code" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">网点名称</label>
                                    <div class="layui-input-inline">
                                        <textarea name="name" id="name"  style="max-height: 70px;width: auto;"></textarea>
                                        <!-- <input type="text" name="name" id="name" class="showValInput"> -->
                                    </div>
                                </div>
                            </div>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label w90">监测指标</label>
                                    <div class="layui-input-inline">
                                        <textarea name="dataCode" id="dataCode"  style="max-height: 70px;width: auto;"></textarea>
                                        <!-- <input type="text" name="dataCode" id="dataCode" class="showValInput"> -->
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label w110">预警详细信息</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="news" id="news" class="showValInput">
                                    </div>
                                </div>
                                <div class="layui-inline">
                                    <label class="layui-form-label" style="width: 100px;">传感器级别</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="progresType" id="progresType" class="showValInput">
                                    </div>
                                </div>
                            </div>
                        </form>

                     <div id="chart"  class="highcharts-container " style="position: relative; overflow: hidden; width: 100%; height: 200px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
                        
                     </div>
                     <!-- <button onclick="" style="padding: 3px 10px;border: none;border-radius: 3px;">处理</button>
                     <div class="layui-form-item">
                         <span>处置报警类型:</span>
                           <select name="quiz">
                             <option value="">忽略</option>
                             <option value="">通知人员</option>
                             <option value="">声光报警器</option>
                           </select>
                     </div>
                     <div class="layui-form-item layui-form-text">
                         <span>报警处置情况</span>
                         <div class="layui-input-block">
                           <textarea placeholder="请输入内容" class="layui-textarea" style="vertical-align: top;width: 200px;"></textarea>
                         </div>
                       </div>
                    </div> -->
                 </div>
            </div>
        </div>
    </div>
</body>
<script type="text/html" id="barDemo">
    {{# if(d.status=='0'){}}
    <a class="layui-btn  layui-btn-normal layui-btn-xs" lay-event="handle" >处理</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="see">查看</a>
    {{# } else { }}
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="see">查看</a>
    {{# } }}

</script>
<script src="./js/AlarmInformation.js"></script>
</html>